<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/js_shouji.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/commen-平板.css">
    <link rel="stylesheet" href="./css/index-手机.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header_top">

        </div>
        <div class="nav">
            <div class="left">
                <div class="logo">冯柏源22215220432</div>
                <ul>
                    <li>
                        <a href="./index-手机.html" title="手机">手机
                            <div class="nav_left_a_bottom"></div>
                        </a>
                    </li>
                    <li><a href="./index-电脑-1.html" title="电脑">电脑
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-平板.html" title="平板">平板
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./watch.html" title="穿戴">穿戴
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="耳机音箱">耳机音箱
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-全屋智能.html" title="全屋智能">全屋智能
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="路由器">路由器
                            <div class="nav_left_a_bottom"></div>
                        </a></li>

                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="./index-服务支持.html">服务支持
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <li><a href="./index_商用.html">商用
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <!-- <li><a href="#">商用
                            <div class="nav_right_a_bottom"></div>
                        </a></li> -->
                    <!-- 放大镜 -->
                    <li><a href="./sreach.html"></a></li>
                    <!--用户头像  -->
                    <li><a href="./denlu.html"></a></li>
                    <li><a href="./index-商城.html">flytech商城</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 最新 -->
    <div class="new">
        <span>最新</span>
        <a title="HUAWEI Mate 60 Pro">
            <h2>HUAWEI Mate 60 Pro</h2>
        </a>
        <p class="value">￥6499 起</p>
        <div class="buttons">
            <a class="left" title="了解更多">了解更多</a>
            <a class="right" title="购买">购买</a>
        </div>
        <div class="phone">
            <a ><img src="./imges/images/banner.jpg" alt=""></a>

        </div>
    </div>
    <!-- 主体部分 -->
    <div class="bd">
        <h2 class="wrapper">同心聚力，奔腾不息</h2>
        <!-- 轮播图 -->
        <!-- <div class="slide wrapper">
            <input type="radio" name="button" value="0" id="button1" checked hidden>
            <label for="button1"></label>

            <input type="radio" name="button" value="1" id="button2" hidden>
            <label for="button2"></label>

            <input type="radio" name="button" value="2" id="button3" hidden>
            <label for="button3"></label>

            <input type="radio" name="button" value="2" id="button4" hidden>
            <label for="button4"></label>
            <ul>
                <li>
                    <a>
                        <h2>双卫星通信</h2>
                        <p>无地面网络时，仍可通过多种卫星系统与外界通信，出行更安心。</p>
                        <p class="right">HUAWEI Mate 60 Pro+ <span>></span></p>
                    </a>
                </li>
                <li>
                    <a>
                        <h2>超可靠玄武架构</h2>
                        <p>超耐摔第二代昆仑玻璃，超坚韧玄武机身，超耐用棉纤材质。</p>
                        <p class="right">HUAWEI Mate 60 Pro <span>></span></p>
                    </a>
                </li>
                <li>
                    <a>
                        <h2>超轻薄全能折叠</h2>
                        <p>四曲折叠机身，带来前所未有“轻”新姿态，展翼翩跃于掌上</p>
                        <p class="right">HUAWEI Mate X5 <span>></span></p>
                    </a>
                </li>
                <li>
                    <a>
                        <h2>XMAGE，影像力量</h2>
                        <p>2023华为影像大赛获奖名单</p>
                    </a>
                </li>
            </ul>
        </div> -->

        <!-- 改 -->
        <div class="cardBox">
            <div class="btn left_lunbo"></div>
            <div class="btn right_lunbo"></div>
            <ul class="imgBox">
              <li class="item">
                <div class="text">
                  <h2>双卫星通信</h2>
                  <p>无地面网络时，仍可通过多种卫星系统与外界通信</p>
                </div>
                <a>HUAWEI Mate 60 Pro+ <span></span></a>
              </li>
              <li class="item">
                <div class="text">
                  <h2>超可靠玄武结构</h2>
                  <p>超耐摔第二代昆仑玻璃，超坚韧玄武机身，超耐用棉纤材质。</p>
                </div>
                <a>HUAWEI Mate 60 Pro <span></span></a>
              </li>
              <li class="item">
                <div class="text">
                  <h2>超轻薄全能折叠</h2>
                  <p>四曲折叠机身，带来前所未有“轻”新姿态，展翼翩跃于掌上。</p>
                </div>
                <a>HUAWEI Mate X5 <span></span></a>
              </li>
              <li class="item">
                <div class="text">
                  <h2>XMAGE，影像力量</h2>
                  <p>2023年华为影像大赛获奖名单</p>
                </div>
              </li>
            </ul>
            <ul class="pointBox">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </div>
        <!-- 改 -->
        <h2 class="wrapper">哪个系列最适合你？</h2>
        <div class="all wrapper">
            <ul>
                <li><a href="#Mate">
                        <h2>Mate 系列</h2>
                        <div class="box">
                            <img src="./imges/images/bd_all_1.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

                <li><a href="#pro">
                        <h2>P 系列</h2>
                        <div class="box">
                            <img src="./imges/images/bd_all_2.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

                <li><a href="#Pocket">
                        <h2>Pocket 系列</h2>
                        <div class="box">
                            <img src="./imges/images/bd_all_3.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

                <li><a href="#nova">
                        <h2>nova 系列</h2>
                        <div class="box">
                            <img src="./imges/images/bd_all_4.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

                <li><a href="#enjoy">
                        <h2>畅享系列</h2>
                        <div class="box">
                            <img src="./imges/images/bd_all_5.jpg" alt="">
                            <span></span>
                        </div>
                    </a></li>

            </ul>
        </div>


        <!-- Mate系列 -->
        <div id="Mate" class="wrapper">
            <h2>Mate 系列</h2>
            <div class="Mate_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="./imges/images/Mate_top_1.jpg" alt="" title="HUAWEI Mate 60 Pro">
                        </a></li>
                    <li><a>
                            <img src="./imges/images/Mate_top_2.jpg" alt="" title="HUAWEI Mate 60 Pro">
                            <div class="explan">
                                卫星通话
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/Mate_top_3.jpg" alt="" title="HUAWEI Mate 60 Pro">
                            <div class="explan">
                                超可靠玄武架构
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/Mate_top_4.jpg" alt="" title="HUAWEI Mate 60 Pro">
                            <div class="explan">
                                全焦段超清影像
                            </div>
                        </a></li>
                </ul>
                <div class="Mate_top_text">
                    <div class="left">
                        <span>最新</span>
                        <a href="./huawei.html">
                            <h2>HUAWEI Mate 60 Pro</h2>
                        </a>
                        <p>￥6499 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>
                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="Mate_bottom">
                <ul>
                    <li>
                        <a>
                            <img src="./imges/images/Mate_bottom_1.jpg" alt="" title="HUAWEI Mate 60 Pro+">
                        </a>
                        <br>
                        <span class="new">最新</span>
                        <a title="HUAWEI Mate 60 Pro+">
                            <h3>HUAWEI Mate 60 Pro+</h3>
                        </a>
                        <p>双卫星通信</p>
                        <p>超可靠玄武架构</p>
                        <p class="value">￥8999 起</p>
                        <a class="Mate_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="Mate_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="./imges/images/Mate_bottom_2.jpg" alt="" title="HUAWEI Mate X5">
                        </a>
                        <br>
                        <span class="new">最新</span>
                        <a title="HUAWEI Mate X5">
                            <h3>HUAWEI Mate X5
                            </h3>
                        </a>
                        <p>超轻薄全能折叠</p>
                        <p>玄武钢化昆仑玻璃</p>
                        <p class="value">￥12999 起</p>
                        <a class="Mate_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="Mate_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="./imges/images/Mate_bottom_3.jpg" alt="" title="HUAWEI Mate 60 RS非凡大师">
                        </a>
                        <br>
                        <span class="new">最新</span>
                        <a title="HUAWEI Mate 60 RS非凡大师">
                            <h3>HUAWEI Mate 60 RS非凡大师
                            </h3>
                        </a>
                        <p>双卫星通信</p>
                        <p>玄武钢化昆仑玻璃</p>
                        <p class="value">￥11999 起</p>
                        <a class="Mate_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="Mate_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="./imges/images/Mate_bottom_4.png" alt="" title="HUAWEI Mate 60">
                        </a>
                        <br>
                        <span class="new">最新</span>
                        <a title="HUAWEI Mate 60">
                            <h3>HUAWEI Mate 60

                            </h3>
                        </a>
                        <p>双向北斗卫星消息</p>
                        <p>超可靠玄武架构</p>
                        <p class="value">￥5499 起</p>
                        <a class="Mate_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="Mate_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>


        <!-- P系列 -->
        <div id="pro" class="wrapper">
            <h2>P系列</h2>
            <div class="pro_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="./imges/images/pro_top_1.jpg" alt="" title="HUAWEI P60 Pro">
                        </a></li>
                    <li><a>
                            <img src="./imges/images/pro_top_2.jpg" alt="" title="HUAWEI P60 Pro">
                            <div class="explan">
                                超可靠昆仑玻璃
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/pro_top_3.jpg" alt="" title="HUAWEI P60 Pro">
                            <div class="explan">
                                超聚光夜视长焦
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/pro_top_4.jpg" alt="" title="HUAWEI P60 Pro">
                            <div class="explan">
                                双向北斗卫星消息，超强灵犀通信
                            </div>
                        </a></li>
                </ul>
                <div class="pro_top_text">
                    <div class="left">
                        <a>
                            <h2>HUAWEI P60 Pro</h2>
                        </a>
                        <p>￥6988 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="pro_bottom">
                <ul>
                    <li>
                        <a>
                            <img src="./imges/images/pro_bottom_1.png" alt="" title="HUAWEI P60 Art">
                        </a>
                        <br>
                        <a title="HUAWEI P60 Art">
                            <h3>HUAWEI P60 Art

                            </h3>
                        </a>
                        <p>海岛设计，形随心动</p>
                        <p>超聚光夜视长焦</p>
                        <p class="value">￥8988 起</p>
                        <a class="pro_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="pro_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="./imges/images/pro_bottom_2.png" alt="" title="HUAWEI P60">
                        </a>
                        <br>
                        <a title="HUAWEI P60">
                            <h3>HUAWEI P60

                            </h3>
                        </a>
                        <p>超聚光XMAGE影像</p>
                        <p>凝光设计，玲珑四曲屏</p>
                        <p class="value">￥4988 起</p>
                        <a class="pro_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="pro_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="./imges/images/pro_bottom_3.png" alt="" title="HUAWEI P50 Pocket">
                        </a>
                        <br>
                        <a title="HUAWEI P50 Pocket">
                            <h3>HUAWEI P50 Pocket

                            </h3>
                        </a>
                        <p>精巧折叠</p>
                        <p>超光谱影像系统</p>
                        <p class="value">￥8988 起</p>
                        <a class="pro_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="pro_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="./imges/images/pro_bottom_4.jpg" alt="" title="HUAWEI P50 Pro">
                        </a>
                        <br>
                        <a title="HUAWEI P50 Pro">
                            <h3>HUAWEI P50 Pro</h3>
                        </a>
                        <p>万象双环设计</p>
                        <p>原色影像，超级变焦</p>
                        <a class="pro_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                    </li>

                </ul>
            </div>
        </div>


        <!-- Pocket 系列 -->
        <div id="Pocket" class="wrapper">
            <h2>Pocket 系列</h2>
            <div class="Pocket_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="./imges/images/Pocket_1.jpg" alt="" title="HUAWEI Pocket S">
                        </a></li>
                    <li><a>
                            <img src="./imges/images/Pocket_2.jpg" alt="" title="HUAWEI Pocket S">
                            <div class="explan">
                                个性时尚，轻巧可靠
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/Pocket_3.jpg" alt="" title="HUAWEI Pocket S">
                            <div class="explan">
                                超感影像，后摄自拍
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/Pocket_4.jpg" alt="" title="HUAWEI Pocket S">
                            <div class="explan">
                                智慧外屏，便携好玩
                            </div>
                        </a></li>
                </ul>
                <div class="Pocket_top_text">
                    <div class="left">
                        <a>
                            <h2>HUAWEI Pocket S</h2>
                        </a>
                        <p>￥5988 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
        </div>


        <!-- nova 系列 -->
        <div id="nova" class="wrapper">
            <h2>nova 系列</h2>
            <div class="nova_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="./imges/images/nova_top_1.jpg" alt="" title="HUAWEI nova 11 Ultra">
                        </a></li>
                    <li><a>
                            <img src="./imges/images/nova_top_2.jpg" alt="" title="HUAWEI nova 11 Ultra">
                            <div class="explan">
                                前置6000万人像双摄
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/nova_top_3.jpg" alt="" title="HUAWEI nova 11 Ultra">
                            <div class="explan">
                                后置5000万超光变影像
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/nova_top_4.jpg" alt="" title="HUAWEI nova 11 Ultra">
                            <div class="explan">
                                超可靠昆仑玻璃
                            </div>
                        </a></li>
                </ul>
                <div class="nova_top_text">
                    <div class="left">
                        <a>
                            <h2>HUAWEI nova 11 Ultra</h2>
                        </a>
                        <p>￥6988 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="nova_bottom">
                <ul>
                    <li>
                        <a>
                            <img src="./imges/images/nova_bottom_1.jpg" alt="" title="HUAWEI nova 11 Pro">
                        </a>
                        <br>
                        <a title="HUAWEI nova 11 Pro">
                            <h3>HUAWEI nova 11 Pro

                            </h3>
                        </a>
                        <p>前置6000万人像双摄</p>
                        <p>超感知影像</p>
                        <p class="value">￥3499 起</p>
                        <a class="nova_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="nova_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="./imges/images/nova_bottom_2.jpg" alt="" title="HUAWEI nova 11">
                        </a>
                        <br>
                        <a title="HUAWEI nova 11">
                            <h3>HUAWEI nova 11

                            </h3>
                        </a>
                        <p>6.88毫米超薄臻彩直屏</p>
                        <p>前置6000万4K超广角人像</p>
                        <p class="value">￥2499 起</p>
                        <a class="nova_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="nova_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="./imges/images/nova_bottom_3.png" alt="" title="HUAWEI nova 11 SE">
                        </a>
                        <br>
                        <span class="new">最新</span>
                        <a title="HUAWEI nova 11 SE">
                            <h3>HUAWEI nova 11 SE
                            </h3>
                        </a>
                        <p>3200万高清自拍</p>
                        <p>一亿像素光影人像</p>
                        <p class="value">￥1999 起</p>
                        <a class="nova_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                        <a class="nova_bottom_buy" title="购买">
                            购买 <span>></span>
                        </a>
                    </li>

                    <li>
                        <a>
                            <img src="./imges/images/nova_bottom_4.jpg" alt="" title="HUAWEI nova 10 Pro">
                        </a>
                        <br>
                        <a title="HUAWEI nova 10 Pro">
                            <h3>HUAWEI nova 10 Pro

                            </h3>
                        </a>
                        <p>前置6000万追焦双摄</p>
                        <p>100W超级快充Turbo</p>
                        <a class="nova_bottom_more" title="了解更多">
                            了解更多 <span>></span>
                        </a>
                    </li>


                </ul>
            </div>
        </div>


        <!-- 畅享系列 -->
        <div id="enjoy" class="wrapper">
            <h2>畅享系列</h2>
            <div class="enjoy_top">
                <ul class="clearfix">
                    <li><a>
                            <img src="./imges/images/enjoy_top_1.jpg" alt="" title="华为畅享 60 Pro">
                        </a></li>
                    <li><a>
                            <img src="./imges/images/enjoy_top_2.jpg" alt="" title="华为畅享 60 Pro">
                            <div class="explan">
                                6.8英寸无界全视屏
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/enjoy_top_3.jpg" alt="" title="华为畅享 60 Pro">
                            <div class="explan">
                                超能续航
                            </div>
                        </a></li>
                    <li><a>
                            <img src="./imges/images/enjoy_top_4.jpg" alt="" title="华为畅享 60 Pro">
                            <div class="explan">
                                88dB震撼音量
                            </div>
                        </a></li>
                </ul>
                <div class="enjoy_top_text">
                    <div class="left">
                        <a>
                            <h2>华为畅享 60 Pro</h2>
                        </a>
                        <p>￥1599 起</p>
                    </div>
                    <a>
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a>
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="enjoy_bottom">
                <ul>
                    <li>
                        <a title="华为畅享 60X">
                            <img src="./imges/images/enjoy_bottom_1.jpg" alt=""></a>

                        <div class="text">
                            <a title="华为畅享 60X">
                                <h2>华为畅享 60X</h2>
                            </a>
                            <p>7000 mAh 超长续航</p>
                            <p>6.95 英寸影音大屏</p>
                            <p class="value">￥1799 起</p>
                            <a class="more" title="了解更多">了解更多
                                <span> ></span></a>
                            <a class="buy" title="购买 ">购买
                                <span> ></span></a>
                        </div>
                    </li>

                    <li>
                        <a><img src="./imges/images/enjoy_bottom_2.jpg" alt="" title="华为畅享 60"></a>
                        <a title="华为畅享 60">
                            <h4>华为畅享 60</h4>
                        </a>
                        <p>6000 mAh + 22.5 W 超级快充</p>
                        <p>4800 万大底超清影像</p>
                        <p class="value">￥1299 起</p>
                        <a class="more" title="了解更多">了解更多
                            <span> ></span></a>
                        <a class="buy" title="购买 ">购买
                            <span> ></span></a>
                    </li>

                    <li>
                        <a><img src="./imges/images/enjoy_bottom_3.jpg" alt="" title="华为畅享 50z"></a>
                        <a title="华为畅享 50z">
                            <h4>华为畅享 50z</h4>
                        </a>
                        <p>256GB大存储</p>
                        <p>5000万高清三摄</p>
                        <p class="value">￥1199 起</p>
                        <a class="more" title="了解更多">了解更多
                            <span> ></span></a>
                        <a class="buy" title="购买 ">购买
                            <span> ></span></a>
                    </li>
                </ul>
            </div>

        </div>

        <!-- 哪一款手机最适合你？ -->
        <div class="which wrapper">
            <h2>哪一款手机最适合你？</h2>
            <div class="box clearfix">
                <ul>
                    <li>
                        <a title="HUAWEI Mate 60 Pro">
                            <img src="./imges/images/which_1.jpg" alt="">
                        </a>
                        <p class="which_new">最新</p>
                        <a title="HUAWEI Mate 60 Pro">
                            <h4>HUAWEI Mate 60 Pro</h4>
                        </a>
                        <p class="which_value">￥6499 起</p>
                        <a class="which_more" title="了解更多">了解更多

                        </a>
                        <a class="which_buy" title="购买">
                            购买 <span> > </span>
                        </a>
                        <p class="size">6.82 英寸</p>
                        <div class="which_text">
                            DLED 显示屏<br>
                            FHD+ 2720 x 1260像素
                        </div>
                        <div class="HOMS">
                            <img src="./imges/images/which_4.png" alt="">
                        </div>

                        <div class="which_text">
                            HarmonyOS 4.0 <br>
                            基于鸿蒙操作系统
                        </div>
                        <p class="memory"> 1 TB</p>
                        <div class="which_text">
                            最大存储容量 (ROM)
                        </div>
                        <div class="which_back">
                            <img src="./imges/images/which_5.png" alt="">
                        </div>
                        <div class="which_text">
                            5000 万像素超光变摄像头 <br>
                            1200 万像素超广角摄像头 <br>
                            4800 万像素超微距长焦摄像头
                        </div>
                        <div class="which_front">
                            <img src="./imges/images/which_6.png" alt="">
                        </div>
                        <div class="which_text">
                            1300 万像素超广角摄像头 <br>
                            3D 深感摄像头
                        </div>
                        <div class="battery">
                            <img src="./imges/images/which_7.png" alt="">
                        </div>
                        <div class="which_text">
                            5000 mAh（典型值）
                        </div>
                        <div class="charge">
                            <img src="./imges/images/which_8.png" alt="">
                        </div>
                        <div class="which_text">
                            最大支持 <br>
                            88 W 华为有线超级快充 <br>
                            50 W 华为无线超级快充
                        </div>

                    </li>
                    <li>
                        <a title="HUAWEI P60 Pro">
                            <img src="./imges/images/which_2.png" alt="">
                        </a>
                        <a title="HUAWEI P60 Pro">
                            <h4>HUAWEI P60 Pro</h4>
                        </a>
                        <p class="which_value">￥6988 起</p>
                        <a class="which_more" title="了解更多">了解更多

                        </a>
                        <a class="which_buy" title="购买">
                            购买 <span> > </span>
                        </a>
                        <p class="size">6.67 英寸</p>
                        <div class="which_text">
                            OLED 显示屏<br>
                            FHD+ 2700 x 1220像素
                        </div>
                        <div class="HOMS">
                            <img src="./imges/images/which_4.png" alt="">
                        </div>

                        <div class="which_text">
                            HarmonyOS 3.1 <br>
                            基于鸿蒙操作系统
                        </div>
                        <p class="memory"> 512 GB</p>
                        <div class="which_text">
                            最大存储容量 (ROM)
                        </div>
                        <div class="which_back">
                            <img src="./imges/images/which_9.png" alt="">
                        </div>
                        <div class="which_text">
                            4800 万像素超聚光摄像头 <br>
                            1300 万像素超广角摄像头 <br>
                            4800 万像素超聚光夜视长焦摄像头
                        </div>
                        <div class="which_front">
                            <img src="./imges/images/which_10.png" alt="">
                        </div>
                        <div class="which_text ">
                            1300 万像素超广角摄像头
                        </div>
                        <div class="battery">
                            <img src="./imges/images/which_7.png" alt="">
                        </div>
                        <div class="which_text">
                            4815 mAh（典型值）
                        </div>
                        <div class="charge">
                            <img src="./imges/images/which_8.png" alt="">
                        </div>
                        <div class="which_text">
                            最大支持 <br>
                            88 W 华为有线超级快充 <br>
                            50 W 华为无线超级快充
                        </div>

                    </li>
                    <li>
                        <a title="HUAWEI nova 11 UItra">
                            <img src="./imges/images/which_3.jpg" alt="">
                        </a>
                        <a title="HUAWEI nova 11 UItra">
                            <h4>HUAWEI nova 11 UItra</h4>
                        </a>
                        <p class="which_value">￥4499 起</p>
                        <a class="which_more" title="了解更多">了解更多

                        </a>
                        <a class="which_buy" title="购买">
                            购买 <span> > </span>
                        </a>
                        <p class="size">6.78 英寸</p>
                        <div class="which_text">
                            OLED 显示屏<br>
                            FHD+ 2652 x 1200像素
                        </div>
                        <div class="HOMS">
                            <img src="./imges/images/which_4.png" alt="">
                        </div>

                        <div class="which_text">
                            HarmonyOS 3.0 <br>
                            基于鸿蒙操作系统
                        </div>
                        <p class="memory"> 512 GB</p>
                        <div class="which_text">
                            最大存储容量 (ROM)
                        </div>
                        <div class="which_back">
                            <img src="./imges/images/which_11.png" alt="">
                        </div>
                        <div class="which_text">
                            5000 万像素超光变摄像头 <br>
                            800 万像素超广角微距摄像头
                        </div>
                        <div class="which_front">
                            <img src="./imges/images/which_12.png" alt="">
                        </div>
                        <div class="which_text">
                            6000 万像素超广角追焦摄像头 <br>
                            800 万像素人像特写摄像头
                        </div>
                        <div class="battery">
                            <img src="./imges/images/which_7.png" alt="">
                        </div>
                        <div class="which_text">
                            4500 mAh（典型值）
                        </div>
                        <div class="charge">
                            <img src="./imges/images/which_8.png" alt="">
                        </div>
                        <div class="which_text">
                            最大支持 <br>
                            100 W 华为有线超级快充
                        </div>

                    </li>
                </ul>
            </div>
        </div>

        <!-- 全部手机 -->
        <div class="AllPhone wrapper">
            <h2>全部手机</h2>
            <ul class="clearfix">
                <li>
                    <a title="HUWEI Mate X3">
                        <img src="./imges/images/AllPhone_1.png" alt="">
                    </a>
                    <a title="HUWEI Mate X3">
                        <h3>HUWEI Mate X3</h3>
                    </a>
                    <p class="value">￥12999 起</p>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </li>

                <li>
                    <a title="HUWEI Mate 50 Pro">
                        <img src="./imges/images/AllPhone_2.png" alt="">
                    </a>
                    <a title="HUWEI Mate 50 Pro">
                        <h3>HUWEI Mate 50 Pro</h3>
                    </a>
                    <p class="value">￥6799 起</p>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </li>

                <li>
                    <a title="HUWEI nova 10 SE">
                        <img src="./imges/images/AllPhone_3.png" alt="">
                    </a>
                    <a title="HUWEI nova 10 SE">
                        <h3>HUWEI nova 10 SE</h3>
                    </a>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                    </div>
                </li>

                <li>
                    <a title="HUWEI nova 10 青春版">
                        <img src="./imges/images/AllPhone_4.png" alt="">
                    </a>
                    <a title="HUWEI nova 10 青春版">
                        <h3>HUWEI nova 10 青春版</h3>
                    </a>
                    <p class="value">￥1799 起</p>
                    <div class="item">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </li>

            </ul>
            <a class="view_all">
                查看全部
                <img src="./imges/images/view_all.png" alt="">
            </a>
        </div>
        <!-- 全部手机模块下面的第一块 -->
        <div class="first wrapper clearfix">
            <div class="top">
                <div class="left">
                    <div class="top_text">
                        <h3>探索更多配件</h3>
                        <p>搭配精品配件，更合你心意。</p>
                        <a>
                            了解更多 <span> > </span>
                        </a>
                    </div>

                </div>
                <div class="right">
                    <div class="top_text">
                        <h3>探索更多配件</h3>
                        <p>搭配精品配件，更合你心意。</p>
                        <a>
                            了解更多 <span> > </span>
                        </a>
                    </div>
                    <img src="./imges/images/first_top_2.png" alt="">


                </div>
            </div>
            <div class="down">
                <div class="NO1">
                    <a title="HUAWEI Vision Glass">
                        <img src="./imges/images/first_down_1.jpg" alt="">
                    </a>

                    <a title="HUAWEI Vision Glass">
                        <h3>HUAWEI Vision Glass</h3>
                    </a>
                    <p>120 英寸虚拟巨幕</p>
                    <p>时尚轻薄</p>
                    <p class="value">￥2999 起</p>
                    <div class="down_explore">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </div>
                <div class="NO2">
                    <a title="HUAWEI VR Glass 6DoF 游戏套装">
                        <img src="./imges/images/first_down_2.jpg" alt="">
                    </a>

                    <a title="HUAWEI VR Glass 6DoF 游戏套装">
                        <h3>HUAWEI VR Glass 6DoF 游戏套装</h3>
                    </a>

                    <p>6DoF 游戏套装</p>
                    <p>6DoF 定位交互套件</p>
                    <p class="value">￥3999 起</p>
                    <div class="down_explore">
                        <a class="more" title="了解更多">
                            了解更多 <span> > </span>
                        </a>
                        <a class="buy" title="购买">
                            购买 <span> > </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 为什么选择华为 -->
        <div class="WhySelect wrapper clearfix">
            <h2>为什么选择华为手机？</h2>
            <div class="left">
                <div class="WhySelect_text">
                    <h4>购买华为手机理由</h4>
                    <p>强力出圈，好处多多。</p>
                    <a>
                        了解更多 <span> > </span>
                    </a>
                </div>
            </div>
            <div class="right">
                <div class="WhySelect_text">
                    <h4>HarmonyOS 4</h4>
                    <p>放肆玩，一起玩</p>
                    <a>
                        了解更多 <span> > </span>
                    </a>
                    <img src="./imges/images/WhySelect_right.jpg" alt="">
                </div>
            </div>
        </div>

        <!-- 华为软件生态 -->
        <!-- 底部轮播图 -->
        <div class="ecology wrapper clearfix">
            <h2>华为软件生态</h2>
            <div class="box wrapper">
                <div class="inter_box">
                    <div class="left">
                        <div class="ecology_text">
                            <img src="./imges/images/ecology_left_1.png" alt="">
                            <h5>应用市场</h5>
                            <p>点亮精彩生活。</p>
                            <div class="more ">
                                <a title="了解更多">
                                    了解更多 <span> > </span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="center">
                        <div class="top">
                            <div class="ecology_text">
                                <img src="./imges/images/ecology_center_top_1.png" alt="">
                                <h5>手机克隆</h5>
                                <p>数据大挪移， <br>
                                    轻松换新机
                                </p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="bottom">
                            <div class="ecology_text">
                                <img src="./imges/images/ecology_center_bottom_1.png" alt="">
                                <h5>畅连</h5>
                                <p>全场景畅连， <br>
                                    高清互联。
                                </p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="right">
                        <div class="ecology_text">
                            <img src="./imges/images/ecology_back_center_1.png" alt="">
                            <h5>花瓣剪辑</h5>
                            <p>无处不在，随心即剪。</p>
                            <div class="more ">
                                <a title="了解更多">
                                    了解更多 <span> > </span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="back_left">
                        <div class="top">
                            <div class="ecology_text">
                                <img src="./imges/images/ecology_back_left_1.png" alt="">
                                <h5>华为阅读</h5>
                                <p>遇见更好的自己。</p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="bottom">
                            <div class="ecology_text">
                                <img src="./imges/images/ecology_back_left_3.png" alt="">
                                <h5>华为音乐</h5>
                                <p>为生活的每一刻 <br>
                                    伴奏。
                                </p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="back_center">
                        <div class="ecology_text">
                            <img src="./imges/images/ecology_right_1.png" alt="">
                            <h5>华为视频</h5>
                            <p>优质海量片库，超凡体验。</p>
                            <div class="more ">
                                <a title="了解更多">
                                    了解更多 <span> > </span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="back_right">
                        <div class="top">
                            <div class="ecology_text">
                                <img src="./imges/images/ecology_back_right_1.png" alt="">
                                <h5>华为主题</h5>
                                <p>装扮你的每一天。
                                </p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="bottom">
                            <div class="ecology_text">
                                <img src="./imges/images/ecology_back_right_3.png" alt="">
                                <h5>华为钱包</h5>
                                <p>重新定义你的钱包。
                                </p>
                                <div class="more ">
                                    <a title="了解更多">
                                        了解更多 <span> > </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 加 -->
                <div class="button">
                    <div class="button_left">&lt;</div>
                    <div class="button_right">&gt;</div>
                </div>
                <!-- 加 -->
            </div>

        </div>

    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="wrapper">
            <div class="footer_text">
                价格仅供参考，具体价格请以华为商城展示为准。
                <p></p>
                以上页面中的产品图片、视频及屏幕内容仅作示意，实物产品效果（包括但不限于外观、颜色、尺寸）和屏幕显示内容（包括但不限于背景、UI、配图、视频）可能略有差异，请以实物为准。
                <p></p>
                部分产品配件需单独购买，页面效果仅供参考。
                <p></p>
                以上页面中的数据为理论值，均来自华为内部实验室，于特定测试环境下所得（请见各项具体说明），实际使用中可能因产品个体差异、软件版本、使用条件和环境因素不同略有不同，请以实际使用的情况为准。
                <p></p>
                由于产品批次和生产供应因素实时变化，为尽可能提供准确的产品信息、规格参数、产品特性，华为可能实时调整和修订以上页面中的文字表述、图片效果等内容，以求与实际产品性能、规格、指数、零部件等信息相匹配。
                <p></p>
                如遇确有进行上述修改和调整必要的情形，恕不专门通知。
            </div>
            <div class="main">
                <a title="主页">主页</a>
                <span> / </span>
                手机
            </div>
            <div class="footer_links">
                <ul>
                    <li>
                        <h3>购买产品</h3>
                        <ul class="inter">
                            <li>
                                <a title="手机">
                                    手机</a>
                            </li>
                            <li>
                                <a title="笔记本">
                                    笔记本</a>
                            </li>
                            <li>
                                <a title="台式机">
                                    台式机</a>
                            </li>
                            <li>
                                <a title="显示器">
                                    显示器</a>
                            </li>
                            <li>
                                <a title="打印机">
                                    打印机</a>
                            </li>
                            <li>
                                <a title="平板">
                                    平板</a>
                            </li>
                            <li>
                                <a title="智慧屏">
                                    智慧屏</a>
                            </li>
                            <li>
                                <a title="穿戴">
                                    穿戴</a>
                            </li>
                            <li>
                                <a title="耳机音箱">
                                    耳机音箱</a>
                            </li>
                            <li>
                                <a title="路由器">
                                    路由器</a>
                            </li>
                            <li>
                                <a title="配件">
                                    配件</a>
                            </li>
                            <li>
                                <a title="商用产品">
                                    商用产品</a>
                            </li>
                            <li>
                                <a title="教育商店">
                                    教育商店</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>服务支持</h3>
                        <ul class="inter">
                            <li>
                                <a title="保修政策">
                                    保修政策</a>
                            </li>
                            <li>
                                <a title="上门安装">
                                    上门安装</a>
                            </li>
                            <li>
                                <a title="维修服务">
                                    维修服务</a>
                            </li>
                            <li>
                                <a title="保修期及权益查询">
                                    保修期及权益查询</a>
                            </li>
                            <li>
                                <a title="维修备件价格">
                                    维修备件价格</a>
                            </li>
                            <li>
                                <a title="服务进度查询">
                                    服务进度查询</a>
                            </li>
                            <li>
                                <a title="联系我们">
                                    联系我们</a>
                            </li>
                            <li>
                                <a title="服务隐私声明">
                                    服务隐私声明</a>
                            </li>
                            <li>
                                <a title="商用服务">
                                    商用服务</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>应用与下载</h3>
                        <ul class="inter">
                            <li>
                                <a title="终端云服务">
                                    终端云服务</a>
                            </li>
                            <li>
                                <a title="华为商城APP">
                                    华为商城APP</a>
                            </li>
                            <li>
                                <a title="我的华为APP">
                                    我的华为APP</a>
                            </li>
                            <li>
                                <a title="华为手机助手">
                                    华为手机助手</a>
                            </li>
                            <li>
                                <a title="华为电脑管家">
                                    华为电脑管家</a>
                            </li>
                            <li>
                                <a title="HarmonyOS 4">
                                    HarmonyOS 4</a>
                            </li>
                            <li>
                                <a title="预置应用公示">
                                    预置应用公示</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>新闻中心</h3>
                        <ul class="inter">
                            <li>
                                <a title="华为新闻">
                                    华为新闻</a>
                            </li>
                            <li>
                                <a title="华为活动">
                                    华为活动</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>关于我们</h3>
                        <ul class="inter">
                            <li>
                                <a title="关于我们">
                                    关于我们</a>
                            </li>
                            <li>
                                <a title="可持续发展">
                                    可持续发展</a>
                            </li>
                            <li>
                                <a title="隐私">
                                    隐私</a>
                            </li>
                            <li>
                                <a title="华为商城">
                                    华为商城</a>
                            </li>
                            <li>
                                <a title="华为云">
                                    华为云</a>
                            </li>
                            <li>
                                <a title="企业业务">
                                    企业业务</a>
                            </li>
                            <li>
                                <a title="运营商网络">
                                    运营商网络</a>
                            </li>
                            <li>
                                <a title="华为集团">
                                    华为集团</a>
                            </li>
                            <li>
                                <a title="加入华为">
                                    加入华为</a>
                            </li>
                            <li>
                                <a title="内容举报">
                                    内容举报</a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <div class="contact">
                <ul>
                    <li>
                        <h3>在线支持</h3>
                        <ul class="inter">
                            <li>
                                <a title="消费者服务热线">
                                    消费者服务热线</a>
                            </li>

                            <li>
                                <a title="">
                                    950800</a>
                            </li>

                            <li>
                                <a title="7*24小时 | 普通话">
                                    7*24小时 | 普通话</a>
                            </li>

                            <li>
                                <a title="Mate X系列、保时捷设计专属热线">
                                    Mate X系列、保时捷设计
                                    专属热线
                                </a>
                            </li>

                            <li>
                                <a title="">
                                    950801</a>
                            </li>
                            <li>
                                <a title="在线客服 | 7*24小时">
                                    在线客服 | 7*24小时</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>线下支持</h3>
                        <ul class="inter">
                            <li>
                                <a title="服务店查询">
                                    服务店查询
                                </a>

                            </li>
                            <li>
                                <a title="零售店查询">
                                    零售店查询
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="contact_block">
                    <h3>关注我们</h3>
                    <div class="images">
                        <span class="weixin">
                            <img src="./imges/images/footer_code.jpg" alt="">
                        </span>
                        <a title="微博" class="weibo">

                            </span>

                    </div>
                </div>

            </div>
            <div class="footer_bottom">
                <div class="left" title="">
                    版权所有 © 华为终端有限公司 1998-2023。保留一切权利。粤A2-20044005号
                </div>
                <div class="center">
                    <ul>
                        <li>
                            <a title="网站地图">
                                网站地图</a>
                        </li>
                        <li>
                            <a title="使用条款">
                                使用条款</a>
                        </li>
                        <li>
                            <a title="隐私声明">
                                隐私声明</a>
                        </li>
                        <li>
                            <a title="关于cookies">
                                关于cookies</a>
                        </li>
                        <li>
                            <a title="法律信息">
                                法律信息</a>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <a class="language" title="China - 简体中文">
                        China - 简体中文</a>
                    <a title="globe" class="globe">
                        <img src="./imges/images/earth.png" alt="">
                    </a>

                </div>
            </div>
        </div>
    </div>

</body>

</html>